<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="format-detection" content="telephone=no, email=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>商城</title>
<!--标准mui.css-->
<link rel="stylesheet" type="text/css"
	href="<%=basePath%>plugins/mui/css/mui.min.css">
<!--App自定义的css-->
<link rel="stylesheet" type="text/css"
	href="<%=basePath%>plugins/mui/css/app.css" />
<link rel="stylesheet" type="text/css"
	href="<%=basePath%>plugins/mui/css/icons-extra.css">
<link rel="stylesheet" href="<%=basePath%>css/common/normalize.css">
<link rel="stylesheet" href="<%=basePath%>css/index/index.css">
<link rel="stylesheet"
	href="<%=basePath%>views/upai/layui/css/layui.css" media="all"></link>
<link href="<%=basePath%>views/upai/css/common.css" rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/style.css" rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/idangerous.swiper.css"
	rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/team.css" rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/style1.css" rel="stylesheet"></link>

<script src="<%=basePath%>dist/js/jquery.js"></script>
<script src="<%=basePath%>plugins/mui/js/mui.min.js"></script>

</head>
<body>
	<div class="mui-content">
		<div class="mui-card" style="margin: 0px;">
			<c:choose>
				<c:when test="${empty brands}">暂无品牌</c:when>
				<c:otherwise>
					<c:forEach items="${brands}" var="brand">
						<a href="<%=basePath%>mobile/typeDetailhtml?typeId=${brand.cCode}"><div
								class="mui-card-header mui-card-media"
								style="height: 40vw; background-image: url(<%=imagePath%>${brand.cIco})"></div></a>
					</c:forEach>
				</c:otherwise>
			</c:choose>
		</div>
	</div>
	<!-- 底部 -->
	<!----------悬浮底部------------>
	<div style="height: 1.2rem"></div>
	<jsp:include page="footerNav2.jsp"></jsp:include>

	<!-----点击滑动到顶部---->
	<div id="returnTop" class="returnTop"></div>
	<!-----点击滑动到顶部end---->
	<script src="<%=basePath%>views/upai/js/jquery-1.9.1.min.js"></script>
	<script src="<%=basePath%>views/upai/js/idangerous.swiper.min.js"></script>
	<script src="<%=basePath%>views/upai/layui/layui.js" charset="utf-8"></script>
	<script src="<%=basePath%>views/upai/js/common.js" charset="utf-8"></script>
	<script type="text/javascript"
		src="<%=basePath%>views/upai/js/jquery.event.drag.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>views/upai/js/jquery.touchSlider.js"></script>
	<!-------点击滑动到顶部-------->
	<script>
		$(function() {
			$("#returnTop").click(function() {
				var speed = 500;//滑动的速度
				$('body,html').animate({
					scrollTop : 0
				}, speed);
				return false;
			});
		});
	</script>
</body>
</html>